<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<link rel="stylesheet" href="css/common.css" type="text/css" charset="utf-8" />
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
	<div class="list-btn mui-clearfix">
		<div class="btn-contact mui-btn-grey">
			<p class="name">肖伟</p>
			<p class="tel">18519206621</p>
		</div>
		<div class="btn-contact mui-btn-grey">
			<p class="name">肖伟</p>
			<p class="tel">18519206621</p>
		</div>
		<div class="btn-contact mui-btn-grey">
			<p class="name"></p>
			<p class="tel"></p>
		</div>
		<div class="btn-contact mui-btn-grey">
			<p class="name">肖伟</p>
			<p class="tel">18519206621</p>
		</div>
		<div class="btn-contact mui-btn-grey">
			<p class="name"></p>
			<p class="tel"></p>
		</div>
		<div class="btn-contact mui-btn-grey">
			<p class="name"></p>
			<p class="tel"></p>
		</div>
	</div>
	<nav class="mui-bar mui-bar-tab">
	    <a class="mui-tab-item mui-active">
	        <span class="mui-icon mui-icon-home"></span>
	        <span class="mui-tab-label">常用</span>
	    </a>
	    <a class="mui-tab-item">
	        <span class="mui-icon mui-icon-phone"></span>
	        <span class="mui-tab-label">家人</span>
	    </a>
	    <a class="mui-tab-item">
	        <span class="mui-icon mui-icon-email"></span>
	        <span class="mui-tab-label">朋友</span>
	    </a>
	    <a class="mui-tab-item">
	        <span class="mui-icon mui-icon-gear"></span>
	        <span class="mui-tab-label">同事</span>
	    </a>
	</nav>
	<div class="dialog-input mui-popup mui-popup-in" style="display: none;">
		<div class="title2">输入框</div>
		<div class="inputDia-content">
			<label for="name">姓名：</label>
			<input type="text" id="name" name="name" value="" placeholder="不能输入超过5个字" maxlength="5"/>
			<label for="mobile">手机：</label>
			<input type="tel" name="mobile" id="mobile" value=""/>
		</div>
		<div class="mui-popup-buttons"><span class="mui-popup-button">取消</span><span class="mui-popup-button mui-popup-button-bold">确定</span></div>
	</div>
	<div class="mui-popup-backdrop mui-active" style="display: none;"></div>
	<div id="output"></div>
	
<!--	<div class="list-dialog">
		<div class="dialog-title">选项</div>
		<ul class="dialog-content">
			<li>从通讯录中选取</li>
			<li>手工输入</li>
		</ul>
	</div>-->
</body>
<script src="js/call.js" type="text/javascript" charset="utf-8"></script>
</html>